<!doctype html>

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link type="text/css" rel="stylesheet" href="GwtFlags.css">
    <title>Flag Designer</title>
    <script type="text/javascript" language="javascript" src="gwtflags/gwtflags.nocache.js"></script>
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-16162961-3']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
  </head>

  <body>
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>

    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Your web browser must have JavaScript enabled
        in order for this application to display correctly.
      </div>
    </noscript>

    <h1>Scrontch's Flag Designer</h1>
    <p class="centered">Generates flags in inline SVG format.</p>
    <p class="centered footer"><a href="http://caniuse.com/svg-html5">See here for current browser support.</a></p>
    <br />
    <div class="centered" style="width:56em">
      <div id="nameFieldContainer" class="centered"></div>
      <div id="leftPanel" style="float:left;"></div>
      <div id="rightPanel" style="float:right;">
        <br />
        <br />
        <div id="flagContainer" class="centered"></div>
        <br />
        <p class="centered" id="flagLink"></p>
        <br />
        <div id="sendButtonContainer" class="centered"></div>
        <p class="centered">(Tries to generate pretty flags!)</p>
      </div>
      <div style="clear:both;"></div>
    </div>
    <br />
    <br />
    <div class="centered" style="width:40em;">
      <hr />
      <p class="centered footer"><em>Copyright (c) 2011 by Lars Ruoff &lt;<a href="mailto:lars.ruoff@gmx.net?subject=[flag-designer]">lars.ruoff@gmx.net</a>&gt;.</em></p>
      <p class="centered footer">The copyright for all generated flags (.svg files) is hereby released to the Public Domain,<br /> under the <a href="http://creativecommons.org/publicdomain/zero/1.0/">creative commons CC0 public domain dedication</a>.</p>
      <p class="centered footer"><a href="http://en.wikipedia.org/wiki/Vexillology">[Vexillology - the study of flags]</a> <a href="http://www.nava.org/Flag%20Design/GFBF/gfbf-1.htm">[Good flag, bad flag - How to design a great flag]</a></p>
    </div>
  </body>
</html>
